$(document).ready(function(){
	var rol = [],
		ost = [],
		ovf = [],
		hgt = $('.top-case .top-title').height(),
		wid = $('.top-index').width();
		
	$('.top-case').each(function(i){
		rol[i] = $(this).find('.top-title div').width();
		ovf[i] = $(this).height();
		$(this).animate({ height : hgt }, 300);
		ost[i] = $(this).offset().top;
	});
	
	$('.top-title').hover(
		function(){
			var index = $(this).parent().index(),
				e = $(this);
			e.find('div').width() < wid ? e.find('div').stop().animate({ width:wid }, 2000, function(){
				e.parent().stop().animate({ height : ovf[ index ] }, 300);
				$('body').stop().animate({ scrollTop : ost[index] }, 300);
				e.parent().siblings().stop().animate({ height:hgt }, 300, function(){
					$(this).each(function(i){
						$(this).find('.top-title div').stop().animate({ width:rol[ $(this).index() ] }, 600)
					})
				});
			}) : '';
		},function(){
			var e = $(this).find('div');
			e.width() < wid ? e.stop().animate({ width:rol[ $(this).parent().index() ] },300) : '';
		}
	);
});